<template>
  <router-view />
</template>

<script setup>
import useSettingsStore from "@/store/modules/settings";
import { handleThemeStyle } from "@/utils/theme";

onMounted(() => {
  nextTick(() => {
    // 初始化主题样式
    handleThemeStyle(useSettingsStore().theme);
  });
});
</script>
<style lang="less">

#home_top .el-select__wrapper {
  background: rgba(0, 0, 0, 0.1) !important;
  border: 1px solid rgba(0, 212, 255, 0.3) !important;
  box-shadow: 0 0 0 1px rgba(0, 212, 255, 0.3) inset;
}
.el-select .el-input__wrapper {
  background: #00000000;
}
.el-select .el-input__inner {
  color: #fff;
}

.select_date {
  width: 180px;
}
.select_date .el-input {
  width: 100%;
}

.select_date .el-input .el-input__wrapper {
  background: rgba(0, 0, 0, 0.1) !important;
  border: 1px solid rgba(0, 212, 255, 0.3) !important;
  box-shadow: 0 0 0 1px rgba(0, 212, 255, 0.3) inset;
  .el-input__inner {
    color: #fff;
  }
}
</style>
